/* 嵌入式CSS样式 */
.editor-body {
    background-color: #f4f4f4;
    margin: 0;
    padding: 20px;
    display: flex;
    flex-direction: row;
    border-radius: 10px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
}

.editor-container {
    display: flex;
    flex: 1;
    width: 100%;
}

.editor-input-area,
.editor-output-area {
    flex: 1;
    box-sizing: border-box;
    overflow-y: auto;
    /* 允许垂直滚动 */
}

.editor-input-area {
    background-color: #f4f4f4;
    padding-right: 10px;
    display: flex;
}

.editor-output-area {
    background: #f9f9f9;
    display: flex;
    flex-direction: row;
    border-radius: 10px;
}

.editor-textarea {
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
    flex: 1;
    font-weight: 600;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    resize: none;
}

.editor-output-no {
    white-space: pre-wrap;
    color: rgb(108, 110, 112);
    text-align: right;
    font-weight: bold;
    background-color: rgba(145, 178, 238, 0.411);
    width: 60px;
    min-height: 100%;
    height: fit-content;
}

.editor-output-content {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    padding-left: 5px;
    white-space: pre-wrap;
    word-wrap: break-word;
    background-color: rgba(177, 243, 221, 0.295);
    font-size: 14px;
    font-weight: bold;
    color: #000;
    flex: 1;
    min-height: 100%;
    height: fit-content;
}

.green {
    color: green;
}

.blue {
    color: blue;
}

.purple {
    color: purple;
}